.status_bar {
  height: var(--status-bar-height);
  background-color: #f1f1f1;
  width: 100%;
}
.status_bar-nobg {
  height: var(--status-bar-height);
  width: 100%;
}
/* 转圈动画 */
.turn-load {
  animation: turnmy 1s linear infinite;
}
@keyframes turnmy {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.one-show {
  animation: oneshow 0.8s ease 1;
}
@keyframes oneshow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.status_bar-fixed {
  height: var(--status-bar-height);
  width: 100%;
  position: fixed;
  background-color: #f1f1f1;
  z-index: 20;
}
.head-dh-my {
  display: flex;
  position: fixed;
  justify-content: space-around;
  align-items: flex-end;
  padding-bottom: 10rpx;
  z-index: 15;
  background-color: #e3e3e3;
  width: 750rpx;
}
.border-bom {
  border-bottom: 0.5rpx solid #dddddd;
}
.border-red {
  border-bottom: 1rpx solid #d33e18;
}
.border-bom-big {
  border-bottom: 8rpx solid #dddddd;
}
.border-bom-white {
  border-bottom: 2rpx solid #ffffff;
}
.border-bom-green {
  border-bottom: 4rpx solid #f8f9bd;
}
.border-bom-index {
  border-bottom: 4rpx solid #27d9b3;
}
.padding-left {
  padding-left: 20rpx;
}
.padding-left-top {
  padding-left: 20rpx;
  padding-top: 20rpx;
}
.padding-right {
  padding-right: 20rpx;
}
.input-my {
  padding-left: 20rpx;
  border-radius: 40rpx;
  height: 50rpx;
  margin: 10rpx;
}
.tb-tag-absolute {
  position: absolute;
  z-index: 5;
  border-radius: 25rpx;
  font-size: 16rpx;
  margin-left: 25rpx;
  margin-top: -35rpx;
}
.lk-tag {
  height: 50rpx;
  padding: 0 10rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2rpx solid #24bd9f;
  border-radius: 6rpx;
  color: #1c947a;
  font-weight: 500;
}
.tb-tag-my {
  border-radius: 15rpx;
  font-size: 16rpx;
  margin-left: 5rpx;
}
.my-green {
  color: #29c7a5;
}
.my-hui {
  color: #585858;
  font-size: 22rpx;
}
.flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.flex-column-start {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flex-column-around {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.flex-row-start {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flex-row-around {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.flex-row-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.flex-row-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.my-title {
  font-size: 35rpx;
  font-weight: bold;
}
.my-neirong {
  font-size: 26rpx;
  color: #6d6d6d;
}
.my-neirong-sm {
  font-size: 23rpx;
  color: #616161;
}
.my-tag-text {
  font-size: 22rpx;
  padding-top: 20rpx;
  color: #bababa;
}
.padding-top {
  padding-top: 35rpx;
}
.padding-top-sm {
  padding-top: 20rpx;
}
.bottom-dh {
  background-color: #f1f1f1;
  position: fixed;
  z-index: 10;
  bottom: 0;
  width: 750rpx;
  height: 110rpx;
}
.tb-text {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bottom-text {
  width: 750rpx;
  position: fixed;
  text-align: center;
  font-size: 26rpx;
  color: #9d9d9d;
  bottom: 70rpx;
}
.white-box {
  padding: 0 20rpx;
  margin-bottom: 15rpx;
  margin-top: 5rpx;
  width: 715rpx;
  background-color: #ffffff;
  border-radius: 30rpx;
}
.green-box {
  padding: 0 20rpx;
  margin-bottom: 15rpx;
  margin-top: 5rpx;
  width: 715rpx;
  background-color: #ffffff;
  border-radius: 30rpx;
  background-image: linear-gradient(#1faf97, #29c7a5);
}
.yuan-sm {
  width: 13rpx;
  height: 13rpx;
  border-radius: 50%;
  background-color: #1fc189;
  margin-left: 10rpx;
}
.yuan-normal {
  width: 14rpx;
  height: 14rpx;
  border-radius: 50%;
  background-color: #159f3c;
  margin-left: 10rpx;
}
.yuan-normal-red {
  width: 14rpx;
  height: 14rpx;
  border-radius: 50%;
  background-color: #bc3c11;
  margin-left: 10rpx;
}
.yuan-sm-red {
  width: 13rpx;
  height: 13rpx;
  border-radius: 50%;
  background-color: #de410d;
  margin-left: 10rpx;
}
.white-box-all {
  margin-top: 5rpx;
  width: 750rpx;
  background-color: #ffffff;
  border-radius: 13px;
}
.moneycolor {
  color: #ea5002;
}
.text-bold-sm {
  font-weight: 425;
}
.sm-moneycolor {
  color: #e3793b;
}
.margin-top {
  margin-top: 20rpx;
}
.margin-top-sm {
  margin-top: 12rpx;
}
.margin {
  margin: 20rpx;
}
.margin-left {
  margin-left: 20rpx;
}
.margin-left-top {
  margin-left: 20rpx;
  margin-top: 20rpx;
}
.margin-right {
  margin-right: 20rpx;
}
.my-absolute {
  position: absolute;
}
.my-fixed {
  position: fixed;
}
.my-seach {
  width: 450rpx;
  height: 55rpx;
  background-color: #f8f8f8;
  border-radius: 30rpx;
  padding-left: 20rpx;
}
.move-view {
  width: 48rpx;
  height: 10rpx;
  background-color: #28ba91;
  border-radius: 4rpx;
  margin-left: 100rpx;
}
.move-view-p {
  width: 45rpx;
  height: 10rpx;
  background-color: #28ba91;
  border-radius: 4rpx;
}
.header-dh {
  position: fixed;
  padding-top: 20rpx;
  padding-bottom: 15rpx;
  height: 70rpx;
  width: 750rpx;
  background-color: #f1f1f1;
  z-index: 20;
}
.tp-normal {
  width: 60rpx;
  height: 60rpx;
}
.tp-sm {
  width: 45rpx;
  height: 45rpx;
}
.tp-big {
  width: 70rpx;
  height: 70rpx;
  border-radius: 50%;
}
.main-color {
  color: #07d188;
}
